<template>
  <h1>攻略</h1>
  <!-- 轮播图 -->

  <div class="banner">
    <van-swipe class="my-swipe" :autoplay="2000" indicator-color="black">
      <van-swipe-item>
        <img src="../../public/img/bar.jpg" alt="" />
      </van-swipe-item>
      <van-swipe-item>
        <img src="../../public/img/beijing.png" alt="" />
      </van-swipe-item>
      <van-swipe-item>
        <img src="../../public/img/bg.jpg" alt="" />
      </van-swipe-item>
    </van-swipe>
  </div>
  <div>
    攻略内容
  </div>
  <div>
    定点购物是旅游中不可缺少的一环，尤其在中国游客习惯于购买当地特产送给亲朋好友的时候。但是购物陷阱也很多，骗人者的伎俩多半是以次充好，以假冒真，以低价吸引游客。因此，旅游者要谨慎选择购物地点，并且要索要购物发票，一旦发生纠纷，购物者将会成为重要凭证。
  </div>
  <div>
    a ?
  </div>
</template>

<script setup></script>

<style>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 200px;
  text-align: center;
}

.my-swipe {
  width: 100%;
  height: 200px;
  border-radius: 10px;
}

.van-swipe-item img {
  width: 100%;
}
.banner_box {
  width: 100%;
  height: auto;
  background-image: url("../assets/beijing.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.banner {
  width: 90%;
  height: 300px;
  margin: 0 5%;
  padding-top: 100px;
}
</style>
